@import 'reset';

// 1rem = fontSize px'
// 1px = (1 / fontSize)rem
$fontSize: 37.5;
@function px2rem($px) {
  @return ($px / $fontSize) + rem;
}

@mixin center() {
  display: flex;
  justify-content: center;
  align-items: center;
}
.iconfont {
  font-size: px2rem(80)
}
.slide-up-enter, .slide-up-leave-to {
  transform: translate3d(0, px2rem(300), 0)
}
.slide-up-enter-to, .slide-up-leave, .slide-down-enter-to, .slide-down-leave {
  transform: translate3d(0, 0, 0)
}
.slide-up-enter-active, .slide-up-leave-active, .slide-down-enter-active, .slide-down-leave-active {
  transition: all .3s linear;
}
 .slide-down-enter, .slide-down-leave-to {
  transform: translate3d(0, -100%, 0)
}
